<!--<!DOCTYPE html>-->
<!--<html xmlns:th="http://www.thymeleaf.org">-->
<!--<head>-->
<!--    <meta charset="UTF-8">-->
<!--    <title>图书列表</title>-->
<!--    <link rel="stylesheet" type="text/css"  href="dist/css/bootstrap.min.css" th:href="@{/dist/css/bootstrap.min.css}">-->
<!--    <link rel="stylesheet" type="text/css" href="css/index.css" th:href="@{/css/index.css}" />-->
<!--    <link rel="stylesheet" type="text/css" href="css/animate.css" th:href="@{/css/animate.css}" />-->
<!--</head>-->
<!--<body>-->
<!--&lt;!&ndash;导航部分  begin&ndash;&gt;-->
<!--<div th:replace="common/header :: header"></div>-->
<!--&lt;!&ndash;导航部分 end&ndash;&gt;-->

<!--&lt;!&ndash;最顶端轮播图片 begin&ndash;&gt;-->
<!--<div th:replace="common/carousel :: carousel"></div>-->
<!--&lt;!&ndash;最顶端轮播图片 end&ndash;&gt;-->

<!--<div class="container">-->
<!--    <ol class="breadcrumb">-->
<!--        <li><a href="#">图书列表</a></li>-->
<!--    </ol>-->
<!--    <div class="container">-->
<!--        <div class="row">-->
<!--            <div th:each="book : ${booklist1}">-->
<!--            <div class="col-sm-6 col-md-3">-->
<!--                <a href="#" class="thumbnail">-->
<!--                    <img th:src="@{'/public/' + ${book.imgUrl}}"-->
<!--                         alt="通用的占位符缩略图">-->
<!--                </a>-->
<!--            </div>-->
<!--            </div>-->
<!--        </div>-->
<!--       &lt;!&ndash; <div class="row">-->
<!--            <div class="col-sm-6 col-md-3 ">-->
<!--                <div class="thumbnail">-->
<!--                    <span th:each="book : ${booklist1}">-->
<!--                    <a href="details.html"><img src="images/beiwei78.jpg" th:src="@{'/public/' + ${book.imgUrl}}" alt="通用的占位符缩略图"></a>-->
<!--                    <div class="caption">-->
<!--                        <h3 th:classappend="h3-height" th:text="${book.name}">北纬78°</h3>-->
<!--                        <p th:classappend="p-height">价格:<span th:text="${book.newPrice}">19.5</span>元&nbsp;&nbsp;作者:<span th:text="${book.author}">陈丹燕</span>&nbsp;&nbsp;</p>-->
<!--                        <p>-->
<!--                            <a href="details.html" >-->
<!--                                更多信息-->
<!--                            </a>-->
<!--                        </p>-->
<!--                    </div>-->
<!--                </span>-->
<!--            </div>-->
<!--        </div>&ndash;&gt;-->
<!--    </div>-->
<!--</div>-->

<!--&lt;!&ndash;展示数据开始&ndash;&gt;-->
<!--<div id="bookList"></div>-->
<!--&lt;!&ndash;展示数据结束&ndash;&gt;-->

<!--&lt;!&ndash;地址&ndash;&gt;-->
<!--&lt;!&ndash;首页底部信息 begin&ndash;&gt;-->
<!--<div th:replace="common/footer :: footer"></div>-->

<!--&lt;!&ndash;登录注册模态框&ndash;&gt;-->
<!--<div th:replace="common/bookModal :: bookModal"></div>-->

<!--&lt;!&ndash;end&ndash;&gt;-->
<!--<script src="dist/js/jquery.min.js" th:src="@{/dist/js/jquery.min.js}"></script>-->
<!--<script src="js/carousel.js" th:src="@{/js/carousel.js}" type="text/javascript" charset="utf-8"></script>-->
<!--<script src="dist/js/bootstrap.min.js" th:src="@{/dist/js/bootstrap.min.js}"></script>-->
<!--<script src="js/wow.js" th:src="@{/js/wow.js}"></script>-->
<!--<script src="js/cha/js" th:src="@{/js/cha.js}"></script>-->
<!--<script th:src="@{/js/login_reg.js}"></script>-->
<!--<script th:inline="javascript">-->
<!--    //获取应用路径-->
<!--    var contextPath = [[${#request.getContextPath()}]];-->
<!--    var category = [[${category}]];-->
<!--</script>-->
<!--<script type="text/javascript">-->
<!--    if(!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {-->
<!--        new WOW().init();-->
<!--    };-->

<!--    $(function () {-->
<!--        $("#bookList").load(contextPath + "/book/getBookListData1")-->
<!--    })-->

<!--    function queryData(page, pageSize) {-->
<!--        var query = {};-->
<!--        query.page = page;-->
<!--        query.pageSize =pageSize == '' ? 4 : pageSize;-->
<!--        return query;-->
<!--    }-->

<!--    function loadData() {-->
<!--        $("#bookList").load(contextPath + "/book/getBookListData1")-->
<!--    }-->

<!--    //跳转到指定页-->
<!--    function goPage(pageSize) {-->
<!--        var page = $("#inputPage").val();-->
<!--        $("#bookList").load(contextPath + "/book/getBookListData1",queryData(page,pageSize))-->
<!--    }-->

<!--    //修改指定每页显示的记录数-->
<!--    function loadDataBySize(obj) {-->
<!--        $("#bookList").load(contextPath + "/book/getBookListData1",queryData(1,obj.value))-->
<!--    }-->
<!--</script>-->
<!--</body>-->
<!--</html>-->
